﻿@{
    ViewBag.Title = "Index";
}
@{List<Biz.CartItem> CartItems = ViewBag.CartItems;}
<script>
    function aleert() {
        alert("submit");
        return false;
    }
    function kiemtrabuoc2() {
        
        if (document.getElementById('name').value.length == 0) {
            document.getElementById('error').innerHTML = "Xin qúy khách vui lòng nhập họ tên!";
            return false;
        }

        if (document.getElementById('phone').value.length == 0) {
            document.getElementById('error').innerHTML = "Xin qúy khách vui lòng nhập số điện thoại!";
            return false;
        }
        var tennumber = /^\d{10}$/;
        var elevennumber = /^\d{11}$/;
        if (!document.getElementById('phone').value.match(tennumber) && !document.getElementById('phone').value.match(elevennumber)) {
            document.getElementById('error').innerHTML = "Số điện thoại vừa nhập không hợp lệ.";
            return false;
        }
        if (document.getElementById('email').value.length == 0) {
            document.getElementById('error').innerHTML = "Xin qúy khách vui lòng nhập email!";
            return false;
        }
        var input = document.getElementById('email').value;
        var atpos = input.indexOf("@Html.Raw("@")");
        var dotpos = input.lastIndexOf(".");
        if (atpos < 1 || dotpos < atpos + 2 || dotpos + 2 >= input.length) {
            document.getElementById('error').innerHTML = "Email vừa nhập không hợp lệ.";
            return false;
        }
        if (document.getElementById('address').value.length == 0) {
            document.getElementById('error').innerHTML = "Xin qúy khách vui lòng nhập địa chỉ!";
            return false;
        }
        if (document.getElementById('check').value.length > 0) {
            return false;
        }
        // alert("ok");
        document.getElementById('error').innerHTML = "";
        return true;
    }
</script>
<div class="main-holder">
    <div class="main-frame">
        <div id="content">
            <div class="content">
                <div class="cart-box box ">
                    <h2>Giỏ hàng</h2>
                    @if(CartItems.Count<=0)
                    {
                        <b>Chưa có sản phẩm</b>
                    }
                    @if(CartItems.Count > 0)
                    {
                        <b>@ViewBag.message</b>
                        <input type="hidden" id="check" value="@ViewBag.message"/>
                        <div class="holder">
                        <div class="frame-box">
                            <!-- cart content -->
                            <ul class="cart">
                                <li>
                                    <div class="col1"><span>&nbsp;</span></div>
                                    <div class="col2"><span>Sản phẩm</span></div>
                                    <div class="col3"><span>Giá</span></div>
                                    <div class="col4"><span>Số lượng</span></div>
                                    <div class="col5"><span>Thành tiền</span></div>
                                    <div class="col6"><span>&nbsp;</span></div>
                                </li>
                                @foreach (var item in CartItems)
                                {
                                    <li>
                                        <div class="col1">
                                            <figure>
                                                <img src="/Images/Products/img3.jpg" width="100" height="92" alt="" />
                                            </figure>
                                        </div>
                                        <div class="col2">
                                            <div class="text-block">
                                                <h3><a href="#">@item.Product.Name</a></h3>
                                                <p>@item.Product.ShortDescription</p>
                                            </div>
                                        </div>
                                        <div class="col3"><span>@item.Product.CurrentPrice</span></div>
                                        <div class="col4">
                                            <form class="form" action="/Cart/UpdateCart" id="update @item.Product.Id" method="post">
														<fieldset>
                                                            <input type="hidden" value="@item.Product.Id" name="product"/>
															<input type="text" class="text" name="quantity" value="@item.Count"><br />
                                                            <a href="javascript:{}" onclick="document.getElementById('update @item.Product.Id').submit(); return false;" class="btn-refresh">xóa</a>
														</fieldset>
											</form>
                                            @*<fieldset>
                                                @using(Html.BeginForm("UpdateCart","Cart"))
                                                {
                                                    <input type="hidden" value="@item.Product.Id" name="product"/>
                                                    <input type="text" class="text" value="@item.Count" name="quantity" />
                                                    <br />
                                                    <input type="submit" value="cập nhật">
                                                }
                                            </fieldset>*@
                                        
                                    </div>
                                    @{decimal subtotal = item.Count * item.CurrentPrice;}
                                    <div class="col5"><span>@subtotal</span></div>
                                    <div class="col6"><a href="~/Cart/RemoveFromCart/@item.Product.Id" class="btn-delete">xóa</a></div>
                                    </li>
                                }
                                <li class="footer">
                                    <a href="#" class="more">Tiếp tục mua</a>
                                    <a href="~/cart/RemoveCart" class="more">Xóa giỏ hàng</a>
                                </li>
                            </ul>
                            @using (Html.BeginForm("Checkout", "Cart", FormMethod.Post, new { @class = "form", @onSubmit = "return kiemtrabuoc2();" }))
                            {
                                <div class="subblocks-holder">
                                
                                <div class="box">
                                    <h2>Thông tin khách hàng</h2>
                                    <div class="holder">
                                        <div class="frame-box">
                                            <p>Thông tin giao hàng</p>
                                                <fieldset>
                                                    <div class="lineForm">
                                                        <input type="text" class="text long" value="" placeholder="họ tên" name="name" id="name"/>
                                                        <input type="text" class="text long" value="" placeholder="email" name="email" id="email"/>
                                                        <input type="text" class="text long" value=""  placeholder="số điện thoại" name="phone" id="phone"/>
                                                    </div>
                                                </fieldset>
                                        </div>
                                    </div>
                                </div>
                                <div class="box">
                                    <h2>Địa chỉ giao hàng</h2>
                                    <div class="holder">
                                        <div class="frame-box">
                                            <p>Địa chỉ giao hàng</p>
                                            <div class="form">
                                                <textarea cols="35" rows="5" name="address" id="address"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="total-box">
                                    <div class="row"><strong class="alignright">@ViewBag.CartTotal</strong><strong class="alignleft">Tổng giá trị</strong></div>
                                    <div class="row"><input type="submit" class="more" value="Đặt hàng"/></div>
                                    <span id="error" class="mark"></span>
                                </div>
                            </div>
                            }
                           
                        </div>
                    </div>
                    }
                    
                </div>
            </div>
        </div>
    </div>
</div>

